<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Calendar</title>
<!-- css -->
<link id="v_theme" href="../../src/css/theme/aristo/theme.css" rel="stylesheet" type="text/css" />
<link href="../../src/css/primeui-1.1-min.css" rel="stylesheet" type="text/css" />
<!--lib js  -->
<script type="text/javascript" src="../../src/lib/vue.js"></script>
<script type="text/javascript" src="../../src/lib/jquery.min.js"></script>
<!-- js加载器 -->
<script type="text/javascript" src="../../src/loader/loader.js"></script>
<script type="text/javascript" src="../js/theme.js"></script>
</head>
<body>
<button onclick="hide()">hide()</button>
<button onclick="show()">show()</button>
<div id="cal"></div>
<hr>
<div id="msg"></div>

<script type="text/javascript">

VUI
.dir('../../src/') // 设置JS存放根目录
.use('Calendar',function(){
	
	cal = new VUI.Calendar({
		renderId:'cal'
		,clickHandler:function(data) {
			$('#msg').html(data.y + '-' + data.m + '-' + data.d)
		}
		,onClick:function(data) {
			console.log(data)
		}
	});
	
	console.log(cal)
});

function hide() {
	cal.hide();
}

function show() {
	cal.show();
}





</script>
</body>
</html>